// 事件：包裹了原生事件，需要onclick 改为 onClick

function App(){
  function say(str='你好'){
    alert(str)
  }
  function event(e){
    console.log("事件对象",e)
  }
  return ( <div>
    <h1>事件</h1>
    <button onClick={()=>alert("你真帅！")}>警告</button> <br />
    <button onClick={say}> 响应函数</button><br />
    <button onClick={()=>say('我今天中了100w')}>事件传参1</button><br/>
    {/* bind返回一个新的函数，第一个参数是被执行函数的this */}
    <button onClick={say.bind(this,'早上就开始做梦')}>事件传参2 bind</button>
    <button onClick={event}>显示事件对象</button>
    <button onClick={e=>event(e)}>显示事件对象2</button>
    <button onClick={event.bind(this)}>显示事件对象3</button>
    
  </div> );
}

export default App